1. Direto ao Ponto
  2. Linguagem
  3. JavaScript

Como executar função quando clicar na caixa de texto input?

Evento onfocus js

No javascript é usado o evento onfocus.

O evento onfocus é disparado quando o input fica focado ou seja quando a caixa é clicada e o cursor de texto permanece no elemento. Ele é usado para disparar a ação nos inputs e selects principalmente.

Exemplo da chamada no input:

<input type="text" onfocus="funcao()">

Quer acompanhar as novidade do site?

Leia mais em: ww.w3schools.com/jsref/event_...

Como executar função quando clicar na caixa de texto input?

Última atualização: 2023-02-15

Exemplos de uso
disparar evento ao selecionar caixa de texto verificar campo antes do submit validar formulário

Palavras-Chaves
javascript onfocus input select

Quer acompanhar as novidade do site?
Veja também:
imagem referente a Como colocar máscara de virgula em input angular?

Como colocar máscara de virgula em input angular?

máscara virgula input angular

imagem referente a Como colocar ícone no site?

Como colocar ícone no site?

Colocar icone no site

imagem referente a Como colocar texto dentro do input html?

Como colocar texto dentro do input html?

texto dentro input html

imagem referente a Como arredondar valor para cima com JS?

Como arredondar valor para cima com JS?

JS arredondar para cima

imagem referente a Como fechar uma aba ou página com javascript?

Como fechar uma aba ou página com javascript?

Fechar aba com javascript

imagem referente a Como dar espaço em html?

Como dar espaço em html?

espaço em html

Web Stories

imagem referente a

O que é hardcode e por que você precisa entender isso? Aprenda sobre a prática de inserir valores fixos diretamente no código.
imagem referente a

O Futuro da Web Está no Metaverso: descubra como o metaverso está transformando a web e como desenvolvedores podem criar experiências imersivas.
imagem referente a

Como usar o atributo loading em imagens para melhorar a performance do site: Aprenda a usar este atributo pouco conhecido, mas muito poderoso, para melhorar a velocidade de carregamento das suas pág
Metaverso e Desenvolvimento Web: Como Criar Experiências Imersivas Usando Tecnologias Web

Metaverso e Desenvolvimento Web: Como Criar Experiências Imersivas Usando Tecnologias Web

Descubra como criar experiências imersivas para o metaverso usando tecnologias web como WebXR e WebGL. Aprenda como preparar seu site para o futuro da internet com APIs de RA e RV.
Metaverso e o futuro da web
Quer deixar seu site mais profissional e memorável?

Quer deixar seu site mais profissional e memorável?

Aprenda a criar e adicionar um favicon personalizado em poucos passos. Descubra como esse pequeno ícone pode fazer toda a diferença na identidade da sua marca.
como colocar ícone no html
Qual é a melhor plataforma para monetizar meu site em 2024, Adsterra ou Google AdSense?

Qual é a melhor plataforma para monetizar meu site em 2024, Adsterra ou Google AdSense?

Embora o Google AdSense seja amplamente conhecido, o Adsterra oferece vantagens significativas. Para saber como o Adsterra pode revolucionar seus ganhos online, leia nosso artigo completo.
Adsterra ou AdSense: Qual é Melhor para Monetizar
botão de compartilhamento whatsapp botão de compartilhamento no twiter botão de compartilhamento do site botão de compartilhamento no linkedin botão de compartilhamento whatsapp